<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的购物车</title>
    <link rel="stylesheet" href="./css/education-shopping-cart.css">
    <link rel="stylesheet" href="./edu-icon-font/iconfont.css">
</head>

<body>
    <div>
        <!-- top -->
        <div class="top">
            <div class="top-left">
                <div><a href="./index.html">首页</a></div>
                <div> &nbsp;|&nbsp; </div>
                <div><a href="#">华为官网</a></div>
                <div> &nbsp;|&nbsp; </div>
                <div><a href="#">花粉俱乐部</a></div>
                <div> &nbsp;|&nbsp; </div>
                <div><a href="#">V码(优购码)</a></div>
                <div> &nbsp;|&nbsp; </div>
                <div><a href="#">企业购</a></div>
                <div> &nbsp;|&nbsp; </div>
                <div><a href="#">Select Region</a></div>
                <div> &nbsp;|&nbsp; </div>
                <div class="more-wonderful"><div><a href="#">更多精彩<span></span></div></a>
                    <div class="more-wonderful-box">
                        <div class="more-wonderful-select">
                            <a href="">HarmonyOS</a>
                            <a href="">应用市场</a>
                            <a href="">华为终端云空间</a>
                            <a href="">开发者联盟</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="top-right">
                <div><a href="#">请登录</a> &nbsp; <a href="">注册</a></div>
                <div> &nbsp;|&nbsp; </div>
                <div><a href="#">我的订单</a></div>
                <div> &nbsp;|&nbsp; </div>
                <div><a href="#">客服服务</a></div>
                <div> &nbsp;|&nbsp; </div>
                <div><a href="#">网站导航</a></div>
                <div> &nbsp;|&nbsp; </div>
                <div><a href="#">手机版</a></div>
            </div>
        </div>
        <!-- header -->
        <div class="header">
            <div class="header-left">
                <div class="logo">
                    <a href="https://www.vmall.com/index.html"><img src="./img/EDU-img/logo_app.png" alt=""
                            title="华为商城"></a>
                </div>
                <div class="my-shopping-car-text">我的购物车</div>
            </div>
            <div class="header-right">
                <div class="progress-bar"><img src="./img/EDU-img/header-right-img.png" alt=""></div>
                <div class="progress-text">
                    <div>我的购物车</div>
                    <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;填写核对订单</div>
                    <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;成功提交订单</div>
                </div>
            </div>
        </div>
        <!-- 提示 -->
        <div class="tips">
            <div class="login-tips"><img src="./img/EDU-img/tips-img.png" alt="">&nbsp;您还没有登录！登录后可查看之前加入的商品</div>
            <div class="login-button"><button>登录</button></div>
        </div>
        <!-- banner -->
        <div class="banner">
            <div class="bj"></div>
            <div class="banner-text">您的购物车里面什么都没有哦~</div>
            <div class="banner-button"><a href="#"><span>去逛逛</span></a></div>
        </div>
        <!-- 热销推荐 -->
        <div class="hot">
            <div class="hot-title">热销推荐</div>
            <div class="hot-box">
                <div class="hot-content">
                    <span class="hot-left-sliding">&lt;</span>
                        
                            <span class="hot-right-sliding">&gt;</span>
                            <div class="hot-content-img"><img src="./img/EDU-img/hot-one.png" alt=""></div>
                            <div class="hot-content-title">HUAWEI P50 Pro</div>
                            <div class="hot-content-price">6988</div>
                </div>
                <div class="hot-content">
                    <div class="hot-content-img"><img src="./img/EDU-img/hot-two.png" alt=""></div>
                    <div class="hot-content-title">HUAWEI Mate 30E Pro</div>
                    <div class="hot-content-price">5299</div>
                </div>
                <div class="hot-content">
                    <div class="hot-content-img"><img src="./img/EDU-img/hot-theer.png" alt=""></div>
                    <div class="hot-content-title">HUAWEI FreeBuds Pro</div>
                    <div class="hot-content-price">799</div>
                </div>
                <div class="hot-content">
                    <div class="hot-content-img"><img src="./img/EDU-img/hot-four.png" alt=""></div>
                    <div class="hot-content-title">HUAWEI MatePad 5G</div>
                    <div class="hot-content-price">3199</div>
                </div>
                <div class="hot-content">
                    <div class="hot-content-img"><img src="./img/EDU-img/hot-five.png" alt=""></div>
                    <div class="hot-content-title">HUAWEI WATCH GT 3</div>
                    <div class="hot-content-price">1388</div>
                </div>
            </div>
        </div>
        <!-- 服务 -->
        <div class="service">
            <div class="service-title">
                <div class="service-title-box"><a href="">
                        <span class="iconfont icon-huizhang"></span>百强企业 品质保证</a>
                </div>
                <div class="service-title-box"><a href="">
                        <span class="iconfont icon-seven"></span>7天退货 15天换货</a></div>
                <div class="service-title-box"><a href="">
                        <span class="iconfont icon-express-package-full"></span>48元起免运费</a></div>
                <div class="service-title-box"><a href=""><span class="iconfont icon-weizhi"></span>2000家服务店 全国联保</a>
                </div>
            </div>
            <div class="service-all">
                <div class="service-subtitle">
                    <div class="service-subtitle-content">
                        <div>购物指南</div>
                        <div><a href="#">免息分期</a></div>
                        <div><a href="#">以旧换新</a></div>
                        <div><a href="#">众测活动</a></div>
                        <div><a href="#">企业购</a></div>
                        <div><a href="#">O2O采购</a></div>
                    </div>
                    <div class="service-subtitle-content">
                        <div>售后服务</div>
                        <div><a href="#">门店维修</a></div>
                        <div><a href="#">保修政策</a></div>
                        <div><a href="#">防伪查询</a></div>
                        <div><a href="#">换退货政策</a></div>
                        <div><a href="#">手机寄修服务</a></div>
                        <div><a href="#">维修备件价格查询</a></div>
                    </div>
                    <div class="service-subtitle-content">
                        <div>维修于技术支持</div>
                        <div><a href="#">服务店</a></div>
                        <div><a href="#">预约维修</a></div>
                        <div><a href="#">手机寄修</a></div>
                        <div><a href="#">备件价格查询</a></div>
                        <div><a href="#">上门服务</a></div>
                    </div>
                    <div class="service-subtitle-content">
                        <div>特色服务</div>
                        <div><a href="#">防伪查询</a></div>
                        <div><a href="#">补购保障</a></div>
                        <div><a href="#">以旧换新</a></div>
                        <div><a href="#">礼品包装</a></div>
                    </div>
                    <div class="service-subtitle-content">
                        <div>关于我们</div>
                        <div><a href="#">公司介绍</a></div>
                        <div><a href="#">华为零售店</a></div>
                        <div><a href="#">商家中心</a></div>
                        <div><a href="#">意见反馈</a></div>
                    </div>
                    <div class="service-subtitle-content">
                        <div>友情链接</div>
                        <div><a href="#">华为集团</a></div>
                        <div><a href="#">华为官网CBG官网</a></div>
                        <div><a href="#">花粉俱乐部</a></div>
                        <div><a href="#">华为云</a></div>
                        <div><a href="#">华为应用市场</a></div>
                    </div>
                </div>
                <div class="service-online">
                    <div class="service-online-tel">950805</div>
                    <div class="service-online-time">7x24小时客服热线（仅收市话费）</div>
                    <div class="service-online-link">
                        <a href="">
                            <span class="iconfont icon-kefu"></span> 在线客户
                        </a>
                    </div>
                    <div class="service-online-way">关注VMALL：
                        <a href="">
                            <span class="iconfont icon-weixin"></span>
                        </a>
                        <a href="">
                            <span class="iconfont icon-toutiaoyangshi"></span>
                        </a>
                        <a href="">
                            <span class="iconfont icon-xinlangweibo"></span>
                        </a>
                        <a href="">
                            <span class="iconfont icon-huawei"></span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!-- footer -->
        <div class="footer">
            <div class="footer-huawei-logo"><a href="https://www.vmall.com/index.html"><img
                        src="./img/EDU-img/logo_app.png" alt="" title="华为商城"></a></div>
            <div class="footer-content">
                <div class="footer-title">
                    <div><a href="#">华为集团</a></div>
                    <div> &nbsp;|&nbsp; </div>
                    <div><a href="#">华为CBG官网</a></div>
                    <div> &nbsp;|&nbsp; </div>
                    <div><a href="#">花粉俱乐部</a></div>
                    <div> &nbsp;|&nbsp; </div>
                    <div><a href="#">华为应用市场</a></div>
                    <div> &nbsp;|&nbsp; </div>
                    <div><a href="#">HarmonyOS</a></div>
                    <div> &nbsp;|&nbsp; </div>
                    <div><a href="#">华为终端云空间</a></div>
                    <div> &nbsp;|&nbsp; </div>
                    <div><a href="#">开发者联盟</a></div>
                    <div> &nbsp;|&nbsp; </div>
                    <div><a href="#">华为商城手机版</a></div>
                </div>
                <div class="footer-information"><a href="#">隐私声明</a><a href="#"> 服务协议</a><a href="#"> COOKIES</a>
                    Copyright &copy; 2012-2020 华为终端有限公司 版权所有 |<a href="#"> 经营资质 </a>|<a href="#"> 粤公网安备
                        44190002003939号</a></div>
                <div class="footer-information"><a href="#">增值电信业务经营许可证：粤B2-20190762 </a>|<a href="#">
                        备案主体编号：44201919072182 </a>|<a href="#"> 粤新出网备（2021）2号 </a>|<a href="#">
                        （粤）网械平台备字[2022]第00005号</a></div>
                <div class="footer-information"><a href="#">互联网药品信息服务资格证（粤） -非经营性-2020-0102 </a>|<a href="#">
                        粤东食药监械经营备20203930 </a>|<a href="#"> 广东省网络食品交易第三方平台备案：GDWS10168</a></div>
            </div>
            <div class="electronic-business-license"><img src="./img/EDU-img/footer-img.png" alt=""></div>
        </div>
        <!-- 定位 -->
        <div class="position-flex">
            <div class="position-flex-box"><a href="#">
                    <div class="iconfont icon-shoppingcart"></div>
                    <div>购物车</div>
                </a></div>
            <div class="position-flex-box"><a href="#">
                    <div class="iconfont icon-kefu"></div>
                    <div>在线服务</div>
                </a></div>
            <div class="position-flex-box"><a href="#">
                    <div class="iconfont icon-login101"></div>
                    <div>自助服务</div>
                </a></div>
        </div>
    </div>
</body>

</html>